Node / ReticulumProjects / MeshChatX.git / files / meshchatx / src / frontend / components / tools / ToolListRow.vue

Displaying Raw • Download

T8b949e<!-- SPDX-License-Identifier: 0BSD AND MIT -->

Tb4b4b4<Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72div Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3toolTb4b4b4.Te6edf3iconBgTa5d6ff"Tb4b4b4>

Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3toolTb4b4b4.Te6edf3iconTa5d6ff" Tb4b4b4:Te6edf3icon-nameTff7b72=Ta5d6ff"Te6edf3toolTb4b4b4.Te6edf3iconTa5d6ff" Te6edf3classTff7b72=Ta5d6ff"w-6 h-6" Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tff7b72img Te6edf3v-else-ifTff7b72=Ta5d6ff"Te6edf3toolTb4b4b4.Te6edf3imageTa5d6ff" Tb4b4b4:Te6edf3srcTff7b72=Ta5d6ff"Te6edf3toolTb4b4b4.Te6edf3imageTa5d6ff" Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3toolTb4b4b4.Te6edf3imageClassTa5d6ff" Tb4b4b4:Te6edf3altTff7b72=Ta5d6ff"Te6edf3toolTb4b4b4.Te6edf3imageAltTa5d6ff" Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex-1 min-w-0"Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex items-center gap-2 flex-wrap"Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"tool-card__title"Tb4b4b4>Tff7b72{{ Te6edf3toolTb4b4b4.Te6edf3title Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72span

Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3toolTb4b4b4.Te6edf3alphaTa5d6ff"

Te6edf3classTff7b72=Ta5d6ff"px-1.5 py-0.5 text-[10px] font-bold uppercase tracking-wider bg-violet-100 dark:bg-violet-900/30 text-violet-700 dark:text-violet-300 rounded-sm border border-violet-200 dark:border-violet-800"

Tb4b4b4>

Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"tools.alpha_badge"Tb4b4b4) Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>

Tb4b4b4<Tff7b72span

Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3toolTb4b4b4.Te6edf3betaTa5d6ff"

Te6edf3classTff7b72=Ta5d6ff"px-1.5 py-0.5 text-[10px] font-bold uppercase tracking-wider bg-amber-100 dark:bg-amber-900/30 text-amber-700 dark:text-amber-300 rounded-sm border border-amber-200 dark:border-amber-800"

Tb4b4b4>

Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"tools.beta_badge"Tb4b4b4) Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>

Tb4b4b4<Tff7b72span

Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3toolTb4b4b4.Te6edf3comingSoonTa5d6ff"

Te6edf3classTff7b72=Ta5d6ff"px-1.5 py-0.5 text-[10px] font-bold uppercase tracking-wider bg-gray-100 dark:bg-zinc-800 text-gray-500 dark:text-gray-400 rounded-sm border border-gray-200 dark:border-zinc-700"

Tb4b4b4>

Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"tools.coming_soon_badge"Tb4b4b4) Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"tool-card__description"Tb4b4b4>Tff7b72{{ Te6edf3toolTb4b4b4.Te6edf3description Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3v-ifTff7b72=Ta5d6ff"Tff7b72!Te6edf3toolTb4b4b4.Te6edf3comingSoonTa5d6ff" Te6edf3classTff7b72=Ta5d6ff"shrink-0 flex items-center gap-1"Tb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3toolTb4b4b4.Te6edf3extraActionTa5d6ff" Te6edf3classTff7b72=Ta5d6ff"flex items-center gap-2"Tb4b4b4>

Tb4b4b4<Tff7b72a

Tb4b4b4:Te6edf3hrefTff7b72=Ta5d6ff"Te6edf3toolTb4b4b4.Te6edf3extraActionTb4b4b4.Te6edf3hrefTa5d6ff"

Tb4b4b4:Te6edf3targetTff7b72=Ta5d6ff"Te6edf3toolTb4b4b4.Te6edf3extraActionTb4b4b4.Te6edf3targetTa5d6ff"

Te6edf3classTff7b72=Ta5d6ff"p-2 hover:bg-gray-100 dark:hover:bg-zinc-800 rounded-lg transition-colors text-gray-400 hover:text-blue-500"

@Te6edf3click.Te6edf3stop

Tb4b4b4>

Tb4b4b4<Tff7b72MaterialDesignIcon Tb4b4b4:Te6edf3icon-nameTff7b72=Ta5d6ff"Te6edf3toolTb4b4b4.Te6edf3extraActionTb4b4b4.Te6edf3iconTa5d6ff" Te6edf3classTff7b72=Ta5d6ff"size-5" Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72aTb4b4b4>

Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3icon-nameTff7b72=Ta5d6ff"chevron-right" Te6edf3classTff7b72=Ta5d6ff"tool-card__chevron" Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72MaterialDesignIcon Te6edf3v-else Te6edf3icon-nameTff7b72=Ta5d6ff"chevron-right" Te6edf3classTff7b72=Ta5d6ff"tool-card__chevron" Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72scriptTb4b4b4>

Tff7b72import Te6edf3MaterialDesignIcon Tff7b72from Ta5d6ff"../MaterialDesignIcon.vue"Tb4b4b4;

Tff7b72export Tff7b72default Tb4b4b4{

Te6edf3nameTff7b72: Ta5d6ff"ToolListRow"Tb4b4b4,

Te6edf3componentsTff7b72: Tb4b4b4{

Te6edf3MaterialDesignIconTb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3propsTff7b72: Tb4b4b4{

Te6edf3toolTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657ObjectTb4b4b4,

Te6edf3requiredTff7b72: Tff7b72trueTb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4<Tb4b4b4/Tff7b72scriptTb4b4b4>

Tb4b4b4<Tff7b72style Te6edf3scopedTb4b4b4>

Tb4b4b4@Tff7b72reference Ta5d6ff"../../style.css"Tb4b4b4;

Tb4b4b4.T56d364tool-card__icon Tb4b4b4{

@apply w-11 h-11 Te6edf3smTb4b4b4:Te6edf3w-12 Te6edf3smTff7b72:Te6edf3h-12 Te6edf3rounded-xl Tff7b72flex Te6edf3items-center Tff7b72justifyTff7b72-Tff7b72center Te6edf3shrink-0Tb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364tool-card__title Tb4b4b4{

@apply text-base Te6edf3smTb4b4b4:Tff7b72textTff7b72-Te6edf3lg Tff7b72fontTff7b72-Te6edf3semibold Tff7b72textTff7b72-Tff7b72grayT79c0ff-900 Te6edf3darkTff7b72:Tff7b72textTff7b72-Tff7b72whiteTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364tool-card__description Tb4b4b4{

@apply text-sm text-gray-600 Te6edf3darkTb4b4b4:Tff7b72textTff7b72-Tff7b72grayT79c0ff-300 Te6edf3mt-0T79c0ff.5 Tff7b72line-clampT79c0ff-2 Te6edf3smTff7b72:Tff7b72line-clampTff7b72-Tff7b72noneTb4b4b4;

Tb4b4b4}

Tb4b4b4.T56d364tool-card__chevron Tb4b4b4{

@apply w-5 h-5 text-gray-400 shrink-0Tb4b4b4;

Tb4b4b4}

Tb4b4b4<Tb4b4b4/Tff7b72styleTb4b4b4>